<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>Bar3D - Punch Card - Apache ECharts Demo</title>
  <link rel="stylesheet" href="chart-container.css">
</head>
<body>
  <div id="chart-container"></div>
  <div id="controls" style="position: fixed; top: 20px; left: 20px; z-index: 1000;">
    <button id="connect-btn" style="width: 80px; height: 30px; font-size: 12px; background-color: #2196F3; color: white; border: none; border-radius: 3px; cursor: pointer; margin-bottom: 6px;">
      连接到Web端
    </button>
    <br>
    <button id="uav-lib-btn" style="width: 80px; height: 30px; font-size: 12px; background-color: #FF9800; color: white; border: none; border-radius: 3px; cursor: pointer; margin-bottom: 6px;">
      获取无人机库
    </button>
    <br>
    <button id="random-point-btn" style="width: 80px; height: 30px; font-size: 12px; background-color: #4CAF50; color: white; border: none; border-radius: 3px; cursor: pointer; margin-bottom: 6px;">
      开始更新
    </button>
  </div>
  <!-- 使用本地下载的库文件 -->
  <script src="libs/echarts.min.js"></script>
  <script src="libs/echarts-gl.min.js"></script>
  <script src="chart-container.js"></script>
</body>
</html>